<template>
  <div class="page">
    <div class="pageCon" >{{$t('app.page',{page,pageSize,total,num:Math.ceil(total/pageSize)})}}</div>
    <div class="block">
      <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page.sync="page"
        :page-size="pageSize"
        :total="total"
        layout=" prev, pager, next"
      ></el-pagination>
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
export default {
  name: "",
  props: ["pageSize", "total"],
  data() {
    return {
        page:1
    };
  },
  created() {},
  methods: {
    handleSizeChange(val) {

    },
    handleCurrentChange(val) {
      this.$emit("setPage", val);
    }
  },
  mounted() {},
  components: {}
};
</script>

<style scoped>
.page {
  width: 100%;
  height: 33px;
}
.pageCon {
  float: left;
  width: auto;
  padding-left: 6px;
  line-height: 33px;
}
.block {
  float: right;
  width: auto;
}
</style>
